<script setup>
// 1：导入
import { reactive } from 'vue'
// 2: 调用  const state=reactive(对象)
let userinfo = reactive({
  name: '张三',
  age: 18
})
// 注意点：支持复杂数据类型,不支持基本数据类型转换
const xxx = reactive(123)

// let userinfo = {
//   name: '张三',
//   age: 18
// }
const add = () => {
  userinfo.age++
  console.log(userinfo)
}
</script>

<template>
  <div class="page">
    <div>用户名:{{ userinfo.name }}</div>
    <div>年龄:{{ userinfo.age }}</div>
    <button @click="add">修改年龄，点击++</button>
  </div>
</template>

<style scoped></style>
